/*
 * @Author: lyztroy lyztroy@bupt.edu.cn
 * @Date: 2022-05-25 17:10:52
 * @LastEditors: lyztroy lyztroy@bupt.edu.cn
 * @LastEditTime: 2022-06-11 13:40:27
 * @FilePath: /visualNotes/src/components/Node/RemoveNode/index.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React from "react";
import { Menu, Dropdown, Button } from "antd";
import { useDispatch } from "react-redux";
import { MoreOutlined } from "@ant-design/icons";
import { Dispatch } from "@/store";
import { EdgeProps } from "react-flow-renderer";

interface EditEdge {
  edge: any;
  isEdited?: boolean;
}

const RemoveEdge = (props: EditEdge) => {
  const {edge, isEdited = true} = props;
  const dispatch = useDispatch<Dispatch>();
  const remove = () => {
  }

  return (
    <Dropdown
      overlay={
        <Menu>
          <Menu.Item key="2" onClick={remove}>
            delete
          </Menu.Item>
        </Menu>
      }
      trigger={["hover"]}
    >
      <Button type="text" size="small" icon={<MoreOutlined />} />
    </Dropdown>
  );
};
export default RemoveEdge;
